<!-- BEGIN SIDEBAR -->
<div class="page-sidebar navbar-collapse collapse">
   <!-- BEGIN SIDEBAR MENU -->  
<li>
           <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
            <div class="sidebar-toggler hidden-phone"></div>
            <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
        </li>
    <nav:menu id="nav" custom="true" class="page-sidebar-menu"  forceChildren="true">

        <li class="${active?'active':''}">
            <p:callTag tag="g:link" attrs="${linkArgs + [class:active ? 'active' : '']}">     
                <i class="${item.data.icon ? item.data.icon : 'icon-home'}"></i>
                <span class="title"><nav:title item="${item}"/></span>
		<g:if test="${active}">
		<span class="selected"></span>
		</g:if>
	
                <g:if test="${item.children}">
                    <span class="arrow"></span>
                </g:if>
            </p:callTag>

            <g:if test="${item.children}">
            <nav:menu scope="${item.id}" custom="true" class="sub-menu">
                <li>
                <p:callTag tag="g:link" attrs="${linkArgs + [class:active ? 'active' : '']}">                       
                    <nav:title item="${item}"/>                     
                </p:callTag>
                </li>
            </nav:menu>
        </g:if>
        </li>
    </nav:menu>      
    <ul class="page-sidebar-menu">
        <li>
           <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
            <div class="sidebar-toggler hidden-phone"></div>
            <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
        </li>
        <li>
           <!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
            <form class="sidebar-search" action="extra_search.html" method="POST">
                <div class="form-container">
                    <div class="input-box">
                        <a href="javascript:;" class="remove"></a>
                        <input type="text" placeholder="Search..."/>
                        <input type="button" class="submit" value=" "/>
                    </div>
                </div>
            </form>
            <!-- END RESPONSIVE QUICK SEARCH FORM -->
        </li>

        <li class="start active ">
            <a href="index.html">
                <i class="icon-home"></i> 
                <span class="title">Dashboard</span>
                <span class="selected"></span>
            </a>
        </li>
        <li class="">
            <a href="javascript:;">
                <i class="icon-cogs"></i> 
                <span class="title">Layouts</span>
                <span class="arrow "></span>
            </a>
            <ul class="sub-menu">
                <li >
                    <a href="layout_language_bar.html">
                        <span class="badge badge-roundless badge-important">new</span>Language Switch Bar</a>
                </li>
                <li >
                    <a href="layout_horizontal_sidebar_menu.html">
                        Horizontal & Sidebar Menu</a>
                </li>
                <li >
                    <a href="layout_horizontal_menu1.html">
                        Horizontal Menu 1</a>
                </li>

                <li >
                    <a href="layout_ajax.html">
                        Content Loading via Ajax</a>
                </li>
            </ul>
        </li>
        <li class="tooltips" data-placement="left" data-original-title="Frontend&nbsp;Theme For&nbsp;Metronic&nbsp;Admin">
            <a href="http://keenthemes.com/preview/index.php?theme=metronic_frontend" target="_blank">
                <i class="icon-gift"></i> 
                <span class="title">Frontend Theme</span>
            </a>
        </li>
        <li class="">
            <a href="javascript:;">
                <i class="icon-bookmark-empty"></i> 
                <span class="title">UI Features</span>
                <span class="arrow "></span>
            </a>
            <ul class="sub-menu">
                <li >
                    <a href="ui_general.html">
                        General</a>
                </li>
                <li >
                    <a href="ui_buttons.html">
                        Buttons</a>
                </li>
                <li >
                    <a href="ui_typography.html">
                        Typography</a>
                </li>
                <li >
                    <a href="ui_modals.html">
                        Modals</a>
                </li>
                <li>
                    <a href="ui_extended_modals.html">
                        Extended Modals</a>
                </li>
                <li >
                    <a href="ui_tabs_accordions_navs.html">
                        Tabs, Accordions & Navs</a>
                </li>
                <li >
                    <a href="ui_tiles.html">
                        Tiles</a>
                </li>
                <li >
                    <a href="ui_toastr.html">
                        <span class="badge badge-roundless badge-warning">new</span>Toastr Notifications</a>
                </li>
                <li >
                    <a href="ui_tree.html">
                        Tree View</a>
                </li>
                <li >
                    <a href="ui_nestable.html">
                        Nestable List</a>
                </li>
                <li >
                    <a href="ui_ion_sliders.html">
                        <span class="badge badge-roundless badge-important">new</span>Ion Range Sliders</a>
                </li>
                <li >
                    <a href="ui_noui_sliders.html">
                        <span class="badge badge-roundless badge-success">new</span>NoUI Range Sliders</a>
                </li>
                <li >
                    <a href="ui_jqueryui_sliders.html">
                        jQuery UI Sliders</a>
                </li>
                <li >
                    <a href="ui_knob.html">
                        Knob Circle Dials</a>
                </li>
            </ul>
        </li>
        <li class="">
            <a href="javascript:;">
                <i class="icon-table"></i> 
                <span class="title">Form Stuff</span>
                <span class="arrow "></span>
            </a>
            <ul class="sub-menu">
                <li >
                    <a href="form_controls.html">
                        Form Controls</a>
                </li>
                <li >
                    <a href="form_layouts.html">
                        Form Layouts</a>
                </li>
                <li >
                    <a href="form_component.html">
                        Form Components</a>
                </li>
                <li >
                    <a href="form_editable.html">
                        <span class="badge badge-roundless badge-warning">new</span>Form X-editable</a>
                </li>
                <li >
                    <a href="form_wizard.html">
                        Form Wizard</a>
                </li>
                <li >
                    <a href="form_validation.html">
                        Form Validation</a>
                </li>
                <li >
                    <a href="form_image_crop.html">
                        <span class="badge badge-roundless badge-important">new</span>Image Cropping</a>
                </li>
                <li >
                    <a href="form_fileupload.html">
                        Multiple File Upload</a>
                </li>
                <li >
                    <a href="form_dropzone.html">
                        Dropzone File Upload</a>
                </li>
            </ul>
        </li>

        <li class="last ">
            <a href="charts.html">
                <i class="icon-bar-chart"></i> 
                <span class="title">Visual Charts</span>
            </a>
        </li>
    </ul>
    <!-- END SIDEBAR MENU -->
</div>
<!-- END SIDEBAR -->
